<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="shortcut icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/shop_d.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <!-- <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css"> -->
    <link rel="stylesheet" href="./css/idangerous.swiper.css">
    <script src="./js/require.js" data-main="./js/shop_d.js"></script>


</head>

<body>
    <div class="header">
        <div class="wrapper clear">
            <div class="header_logo">
                <img src="./img/zc_logo.png" alt="">
            </div>
            <h1>我的购物车
            </h1>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            <div class="reg">
                <span><a href="./reg.html">8658888888</a></span>
                <span class="line">|</span>
                <span><a href="./reg.html">我的订单</a></span>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="wrapper clear">
            <div class="commodity">
                <div class="all">
                    <div class="checkbox">
                        <label for="ck">
                            <input type="checkbox" id="ck">
                            <span>全选</span>
                        </label>
                    </div>
                    <span class="com">商品名称</span>
                    <span class="unit_price">单价</span>
                    <span class="num">数量</span>
                    <span class="subtotal">小计</span>
                    <span class="operate">操作</span>
                </div>
            </div>
            <div class="list_box">
                <ul>
                    <li>
                        <div class="checkbox">
                            <label for="rd">
                                <input type="checkbox" class="rd">
                            </label>
                        </div>
                        <div class="com-img">
                            <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1600054207.43177586.jpg?thumb=1&w=160&h=160"
                                alt="">
                        </div>
                        <span class="list1">米家除螨仪 白色</span>
                        <span class="list2">199元</span>
                        <div class="num2">
                            <a href="#" class="child1">-</a>
                            <input type="text" value="1">
                            <a href="#" class="child3">+</a>
                        </div>
                        <span class="list3">199元</span>
                        <span class="list4">x</span>
                    </li>
                </ul>
            </div>

            <div class="settle">

                <div class="settle_item">
                    <a href="#">
                        继续购物
                    </a>
                    <span>｜</span>
                    <span>共<i></i>件商品，已选择 <i></i> 件</span>
                </div>
                <a href="#" class="jiesuan">去结算</a>
                <span class="settle_price">合计: <i></i> 元</span>
            </div>
        </div>
    </div>

    <!-- -------------------------推荐--------------------------------------- -->
    <div class="recommend">
        <h2>
            <span>为您推荐</span>
        </h2>
    </div>
    <div class="code_box clear">
        <ul class="clear">
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
            <li class="code_item">
                <a href="#">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/4cd18c61d5786df7dfb4a8927d83da66.jpg?thumb=1&w=360&h=360&f=webp&q=90"
                        alt="">
                    <p>米家理发器</p>
                    <p style="color:orangered;">129元</p>
                    <p>2万人好评</p>
                    <div class="hide">
                        <a href="#" class="hide_child">加入购物</a>
                    </div>
                </a>
            </li>
        </ul>
    </div>


    <!-- ------------footer------------------ -->
    <div class="ending">
        <ul class="ending-ul1">
            <li>
                <a href="#">
                    预约维修服务
                </a>
            </li>
            <li>
                <a href="#">
                    7天无理由退货
                </a>
            </li>
            <li>
                <a href="#">
                    15天免费换货
                </a>
            </li>
            <li>
                <a href="#">
                    满69包邮
                </a>
            </li>
            <li>
                <a href="#">
                    520余家售后网点
                </a>
            </li>
        </ul>
        <div class="ending-box1">
            <ul>
                <li>
                    <a href="#">
                        <h2>帮助中心</h2>
                    </a>
                    <a href="#">
                        <span>账户管理</span>
                    </a>
                    <a href="#">
                        <span>购物指南</span>
                    </a>
                    <a href="#">
                        <span>订单操作</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>服务支持</h2>
                    </a>
                    <a href="#">
                        <span>售后政策</span>
                    </a>
                    <a href="#">
                        <span>自助服务</span>
                    </a>
                    <a href="#">
                        <span>相关下载</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>线下门店</h2>
                    </a>
                    <a href="#">
                        <span>小米之家</span>
                    </a>
                    <a href="#">
                        <span>服务网点</span>
                    </a>
                    <a href="#">
                        <span>授权体验店</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>关于小米</h2>
                    </a>
                    <a href="#">
                        <span>了解小米</span>
                    </a>
                    <a href="#">
                        <span>加入小米</span>
                    </a>
                    <a href="#">
                        <span>投资者关系</span>
                    </a>
                    <a href="#">
                        <span>企业社会责任</span>
                    </a>
                    <a href="#">
                        <span>廉洁举报</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>关注我们</h2>
                    </a>
                    <a href="#">
                        <span>新浪微博</span>
                    </a><a href="#">
                        <span>官方微信</span>
                    </a>
                    <a href="#">
                        <span>联系我们</span>
                    </a>
                    <a href="#">
                        <span>工会基金会</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h2>特色服务</h2>
                    </a>
                    <a href="#">
                        <span>F码通道</span>
                    </a>
                    <a href="#">
                        <span>礼物码</span>
                    </a>
                    <a href="#">
                        <span>防伪查询</span>
                    </a>
                </li>
            </ul>
            <div class="ending-box2">
                <h2>400-100--5678</h2>
                <span>8:00-18:00(仅收市话费)</span>
                <input type="submit" value="人工客服" name="submit-3">
                <div class="ending-wb">
                    <p>关注小米:</p>
                    <a href="#"><img src="./img/wb.png" alt=""></a>
                    <a href="#"><img src="./img/wx.png" alt=""></a>
                </div>
            </div>
        </div>
    </div>
</body>

</html>